.info-card {
    margin: 20px 0px;
}
.img-style {
    width: 30px; 
    height: 30px;
    margin: -4px 5px 0px 0px;
}
.card-text {
    font-size: 17px;
    color: #7D7D7D;
}
.label-text {
    color: #999999;
    padding: 5px;
    text-align: center;
}
.num-text {
    color: red;
    font-size: 17px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
.error-msg {
    color: red;
    font-size: 14px;
    text-align: center;
}

@media (min-width: 576px){
    .button-margin{
        margin-left: 6%
    }
}

@media (min-width: 768px){
    .button-margin{
        margin-left: 2%
    }
}

@media (min-width: 992px){
    .button-margin{
        margin-left: 0%
    }
}

@media (max-width: 1366px){
    .statistic-button-margin{
        margin-left: 3.7%;
    }
}

@media (min-width: 1367px){
    .statistic-button-margin{
        margin-left: 5.58%
    }
}

@media (max-width: 1366px){
    .count-button-margin{
        margin-left: 2.7%;
    }
}

@media (min-width: 1367px){
    .count-button-margin{
        margin-left: 4%;
    }
}

@media (max-width: 1366px){
    .check-margin{
        margin-left: 2.3%;
    }
}

@media (min-width: 1367px){
    .check-margin{
        margin-left: 3.9%;
    }
}

@media (max-width: 1366px){
    .check-button-margin{
        margin-left: 2.7%;
    }
}

@media (min-width: 1367px){
    .check-button-margin{
        margin-left: 0%;
    }
}

@media (max-width: 1366px){
    .install-button-margin{
        margin-left: 1.6%;
    }
}

@media (min-width: 1367px){
    .install-button-margin{
        margin-left: 2.25%;
    }
}

@media (min-width: 1371px){
    .output-button{
        margin-top: -14%;
    }
}

@media (max-width: 1370px){
    .output-button{
        margin-top: -21%;
    }
}

@media (min-width: 1371px){
    .output-table{
        margin-top: 10%;
    }
}

@media (max-width: 1370px){
    .output-table{
        margin-top: 14%;
    }
}